.library-pane {
  height: calc(~"100% - 20px");
  box-sizing: border-box;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;

  .panel-heading {
    padding: @smallPadding @smallPadding*3;
    height: 45px;

    .panel-title {
      padding-top: 5px;
      font-size: 20px;
    }

    button {
      margin-top: 2px;
    }
  }

  .panel-body {
    padding: @defaultPadding 0 0 0;
    height: calc(~"100% - 45px");
    box-sizing: border-box;

    .create-pipeline-btn {
      margin: @defaultPadding 0 @defaultPadding @defaultPadding*3.5;
    }

    .list-group {
      height: 100%;
      overflow: auto;
      box-sizing: border-box;

      .list-group-item {
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        border-left: 5px solid #ffffff;
        border-radius: 0;
        padding: @smallPadding @smallPadding * 3;

        .pipeline-details {
          width: 76%;
          word-break: break-word;
          max-height: 54px;
          overflow: hidden;

          .list-group-item-text {
            font-size: 0.9em;
          }

        }

        .action-menu {
          &:hover,
          &:focus {
            color: @brand-primary;
            visibility: visible;
          }

          visibility: hidden;
          padding: 0;
          color: #8A8787;
          .dropdown-toggle {
            padding: @defaultPadding;
          }
        }

        // Hover state
        &:hover,
        &:focus {
          text-decoration: none;
          background-color: #f5f5f5;
          border-left: 5px solid #808080;

          .action-menu {
            visibility: visible;
          }
        }


        &.active {
          color: @streamsets-color;
          border-left: 5px solid @streamsets-color;
          background-color: #ffffff;

          p {
            color: @brand-primary;
          }


          &:focus {
            border-color: #e7e7e7;
          }

          .action-menu {
            visibility: visible;
          }
        }

        .running {
          color: @brand-success;
        }

      }


    }
  }
}

.create-pipeline-modal-form {
  .source-dropdown {
    .btn {
      text-align: left;
    }
  }
}